<template>
  <div id="out">
			<div class="top">
				<div class="top1">
					<span>收货人</span>
					<span class="t1">李航</span>
				</div>
				<div class="top2">
					<span>手机号码</span>
					<span>15517187268</span>
				</div>
				<div class="top3">
					<span>所在地区</span>
					<span>河南省郑州市金水区丰产路街道</span>
				</div>
				<div class="top4">
					<span>详细地址</span>
					<span>中州大道农业路苏荷中心1926室</span>
				</div>
			</div>
			<div class="mid1">
				<span>设置默认地址</span>
				<img src="/static/imgs_s11/s011_fillet_rectangle_green.png" alt="" class="img1">
				<img src="/static/imgs_s11/s011_ellipse_green.png" alt="" class="img2">
			</div>
			<div class="mid2">
				删除地址
			</div>
			<div class="foot">保存地址</div>
		</div>
</template>

<script>

export default {
  data () {
    return {
      
      }
    },

  methods: {
   
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped>
			#out{
				width: 375px;
				height: 667px;
				background-color: rgb(244,244,244);
				border:#F0F0F0 solid 1px;
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				
			}
			#out .top{
				width: 375px;
				height: 263px;
				margin-top: 60px;
				background-color:white;
				
			}
			#out .top .top1,.top2,.top3{
				height: 50px;
				
				border-bottom: #C0BFBF solid 1px;
			}
			#out .top .top1 span{
				font-size: 13px;
				line-height: 50px;
				margin-left: 30px;
				
				
			}
			#out .top .top1 .t1{
				margin-left: 42px;
	
			}
			#out .top .top2 span{
				font-size: 13px;
				line-height: 50px;
				margin-left: 30px;
				
				
			}
			#out .top .top3 span{
				font-size: 13px;
				line-height: 50px;
				margin-left: 30px;
				
				
			}
			#out .top .top4 span{
				font-size: 13px;
				line-height: 50px;
				margin-left: 30px;
				
				
			}
			#out .mid1{
				height: 48px;
				background-color: white;
				margin-top: 10px;
				display: flex;
				
				
			}
			#out .mid1 span{
				display: inline-block;
				font-size: 13px;
				width: 79px;
				height: 12px;
				line-height:48px ;
				margin-left: 15px;
				
			}
			#out .mid1 .img1{
				width: 43px;
				height: 18px;
				position: absolute;
				left: 330px;
				bottom: 300px;
				
			}
			#out .mid1 .img2{
				width: 27px;
				height: 27px;
				position: absolute;
				left: 325px;
				bottom: 295px;
				
				
				
			}
			#out .mid2{
				height: 48px;
				line-height: 48px;
				background-color: white;
				margin-top: 10px;
				font-size: 13px;
				padding-left: 15px;
				color: #EB1F1F;
				
			}
			#out .foot{
				width: 344px;
				height: 35px;
				margin-top: 180px;
				margin-left: 16px;
				
				
				background-color:rgb(57,176,110);
				
				border-radius:18px;
				text-align:center;
				color: #FFFFFF;
				line-height: 35px;
				font-size: 14px;
			}
			
			
			
			
		</style>
